<template>
  <div>
    <div class="primaryPost">
      <!-- 轮播 -->
      <div class="banner">
        <div class="swiper_con">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div
                class="swiper-slide"
                :title="image.title"
                v-for="(image, index) in imageData"
                :key="index"
              >
                <div class="swiper-image">
                  <img :src="image.imgUrl" alt="" />
                </div>
              </div>
            </div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>

      <div class="heart_w">
        <div class="trends clearfix">
          <div class="data-left">
            <div class="ditance_test">
              <p>初级职称考试倒计时</p>
              <div class="timerbox">距2024年5月18日</div>
              <div class="reciprocal" data-times="2024/5/18">
                <div class="day">5</div>
                <div class="day">9</div>
                <span>天</span>
              </div>
            </div>
            <div class="ditance_test">
              <p>中级职称考试倒计时</p>
              <div class="timerbox">距2024年9月7日</div>
              <div class="reciprocal" data-times="2024/9/7">
                <div class="day">5</div>
                <div class="day">5</div>
                <div class="day">9</div>
                <span>天</span>
              </div>
            </div>
            <div class="registration">
              <p>初级职称报考指南</p>
              <ul class="clearfix">
                <a href="https://www.rongyuejiaoyu.com/cms/article/11493.html">
                  <li>
                    <img src="@/assets/images/cjzc/jj_examguide.png" />
                    <p>考试指南</p>
                  </li>
                </a>
                <a href="https://www.rongyuejiaoyu.com/cms/article/11495.html">
                  <li>
                    <img src="@/assets/images/cjzc/jj_entryrequirements.png" />
                    <p>报名条件</p>
                  </li>
                </a>
                <a href="https://www.rongyuejiaoyu.com/cms/article/11494.html">
                  <li>
                    <img src="@/assets/images/cjzc/jj_testsubject.png" />
                    <p>考试科目</p>
                  </li>
                </a>
                <a href="https://www.rongyuejiaoyu.com/cms/article/11496.html">
                  <li>
                    <img src="@/assets/images/cjzc/jj_registrationmethod.png" />
                    <p>报名方式</p>
                  </li>
                </a>
              </ul>
            </div>
            <div class="registration">
              <p>中级职称报考指南</p>
              <ul class="clearfix">
                <a href="https://www.rongyuejiaoyu.com/cms/article/11500.html">
                  <li>
                    <img
                      src="@/assets/images/cjzc/jj_applicationrequirements.png"
                    />
                    <p>报名要求</p>
                  </li>
                </a>
                <a href="https://www.rongyuejiaoyu.com/cms/article/11505.html">
                  <li>
                    <img src="@/assets/images/cjzc/jj_testsubject.png" />
                    <p>考试科目</p>
                  </li>
                </a>
                <a href="https://www.rongyuejiaoyu.com/cms/article/11504.html">
                  <li>
                    <img src="@/assets/images/cjzc/jj_registrationmethod.png" />
                    <p>报名方式</p>
                  </li>
                </a>
                <a href="https://www.rongyuejiaoyu.com/cms/article/11506.html">
                  <li>
                    <img src="@/assets/images/cjzc/jj_registrationtime.png" />
                    <p>报名时间</p>
                  </li>
                </a>
              </ul>
            </div>
          </div>

          <div class="data-middle">
            <p class="tabhead clearfix" id="xx">
              <span
                :class="{ active: active_hide == 1 }"
                id="j1"
                @click="active_hide = 1"
              >
                初级备考动态
              </span>
              <span
                :class="{ active: active_hide == 2 }"
                id="j2"
                @click="active_hide = 2"
              >
                中级备考动态
              </span>
            </p>
            <div class="tabcentent" :class="{ hide: active_hide == 2 }">
              <div class="oneitem clearfix">
                <div class="imgbox">
                  <img
                    src="http://img.rongyuejiaoyu.com/uploads/20240117/e0a1032f1c2dfd7fb25b5206780a1171.jpg"
                  />
                </div>
                <div class="textbox">
                  <div class="titbox">
                    <h6>
                      <a
                        href="http://www.rongyuejiaoyu.com/cjzj/article/34855.html"
                        >初级会计考试的流程是什么？</a
                      >
                    </h6>
                  </div>
                  <p class="contentbox">
                    初级会计考试，也称为助理会计师考试，是我国会计行业的入门级考试。通过此考试，意味着你已经掌握了会计的基本知识和技能，具备了从事会计工作的基础能力。
                  </p>
                </div>
              </div>
              <ul>
                <li>
                  <div class="numbox">1</div>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34855.html"
                  >
                    <div class="boxtext">
                      <div class="titbox">
                        <h6>初级会计考试的流程是什么？</h6>
                        <span>2024年01月</span>
                      </div>
                      <p class="contentbox">
                        初级会计考试，也称为助理会计师考试，是我国会计行业的入门级考试。通过此考试，意味着你已经掌握了会计的基本知识和技能，具备了从事会计工作的基础能力。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <div class="numbox">2</div>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34823.html"
                  >
                    <div class="boxtext">
                      <div class="titbox">
                        <h6>初级、中级、高级会计考试报名费是多少？</h6>
                        <span>2024年01月</span>
                      </div>
                      <p class="contentbox">
                        会计职称考试的报名费用并不是全国统一的，报名费用各个地区不同，考生可以参考各省的收费标准进行报名和缴费，报名和缴费都是在“全国会计资格评价网”上进行。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <div class="numbox">3</div>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34822.html"
                  >
                    <div class="boxtext">
                      <div class="titbox">
                        <h6>初级、中级、高级会计考试科目有哪些？</h6>
                        <span>2024年01月</span>
                      </div>
                      <p class="contentbox">
                        对于想要成为会计人员的人来说，了解会计职称考试的科目是必不可少的。那么，初级、中级、高级会计考试科目有哪些呢？
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <div class="numbox">4</div>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34819.html"
                  >
                    <div class="boxtext">
                      <div class="titbox">
                        <h6>初级、中级、高级会计考试地点</h6>
                        <span>2024年01月</span>
                      </div>
                      <p class="contentbox">
                        会计考试是全国性的考试，每年都有大量的考生参加。本文将详细介绍初级、中级、高级会计考试的地点安排，帮助考生更好地备考。
                      </p>
                    </div>
                  </a>
                </li>
              </ul>
            </div>

            <div class="tabcentent" :class="{ hide: active_hide == 1 }">
              <div class="item oneitem clearfix">
                <div class="imgbox">
                  <img
                    src="http://img.rongyuejiaoyu.com/uploads/20231211/2d6ec7047a1ffd03a70cc3610bdc2cad.jpg"
                  />
                </div>
                <div class="textbox">
                  <div class="titbox">
                    <h6>
                      <a
                        href="http://www.rongyuejiaoyu.com/cjzj/article/34665.html"
                        >2024年全国中级会计职称考试时间安排</a
                      >
                    </h6>
                  </div>
                  <!-- <span>2023年12月</span>-->
                  <p class="contentbox">
                    经财政部、人力资源社会保障部研究决定，2024年度全国会计专业技术资格（以下简称会计资格）考试采用无纸化方式，分别于2024年5月（初级、高级）、9月（中级）举行。
                  </p>
                </div>
              </div>
              <ul>
                <li>
                  <div class="numbox">1</div>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34665.html"
                  >
                    <div class="boxtext">
                      <div class="titbox">
                        <h6>2024年全国中级会计职称考试时间安排</h6>
                        <span>2023年12月</span>
                      </div>
                      <p class="contentbox">
                        经财政部、人力资源社会保障部研究决定，2024年度全国会计专业技术资格（以下简称会计资格）考试采用无纸化方式，分别于2024年5月（初级、高级）、9月（中级）举行。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <div class="numbox">2</div>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34174.html"
                  >
                    <div class="boxtext">
                      <div class="titbox">
                        <h6>中级会计培训机构哪家好？怎么选？</h6>
                        <span>2023年07月</span>
                      </div>
                      <p class="contentbox">
                        中级会计培训机构哪家好？这是一个很常见的问题，但对于不同的人来说，答案可能因为个人需求和标准的不同而有所不同。在选择中级会计培训机构时，我们应该考虑以下几个方面。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <div class="numbox">3</div>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34029.html"
                  >
                    <div class="boxtext">
                      <div class="titbox">
                        <h6>中级会计职称申报条件有哪些？</h6>
                        <span>2023年05月</span>
                      </div>
                      <p class="contentbox">
                        中级会计师职称评定是会计行业的重要组成部分，它是评价会计人员专业能力和职业水平的重要标准。下面就让我们来看看中级会计职称评定的条件。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <div class="numbox">4</div>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34022.html"
                  >
                    <div class="boxtext">
                      <div class="titbox">
                        <h6>2023年中级会计职称考试地点有哪些？</h6>
                        <span>2023年05月</span>
                      </div>
                      <p class="contentbox">
                        中级会计职称考试是国内会计领域的重要考试之一，中级会计考试不仅是评估考生专业知识和实际操作能力的重要标准，同时也是展示考生综合素质和职业发展潜力的重要平台。
                      </p>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
          </div>

          <div class="data-right">
            <h4>初级中级热招岗位薪资</h4>
            <div class="tagcloud" style="margin-left: -100px !important">
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="预算主管"
              >
                <h4>预算主管</h4>
                <p>月薪：8k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="财务经理"
              >
                <h4>财务经理</h4>
                <p>月薪：15k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="财务主管"
              >
                <h4>财务主管</h4>
                <p>月薪：10k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="资金主管"
              >
                <h4>资金主管</h4>
                <p>月薪：12k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="财务会计"
              >
                <h4>财务会计</h4>
                <p>月薪：6k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="管理会计"
              >
                <h4>管理会计</h4>
                <p>月薪：8k</p>
              </a>
            </div>
            <div class="tagcloud" style="margin-left: -100px !important">
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="预算主管"
              >
                <h4>预算主管</h4>
                <p>月薪：8k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="财务经理"
              >
                <h4>财务经理</h4>
                <p>月薪：15k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="财务主管"
              >
                <h4>财务主管</h4>
                <p>月薪：10k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="资金主管"
              >
                <h4>资金主管</h4>
                <p>月薪：12k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="财务会计"
              >
                <h4>财务会计</h4>
                <p>月薪：6k</p>
              </a>
              <a
                href="javascript:void(0);"
                class="contact_kefu"
                rel="nofollow"
                title="管理会计"
              >
                <h4>管理会计</h4>
                <p>月薪：8k</p>
              </a>
            </div>
          </div>
        </div>

        <div class="courserecom">
          <div class="provide_title">
            <h5>课程推荐</h5>
            <img src="@/assets/images/cjzc/icon_dianlan.png" alt="" />
            <h6>成才不必昂贵，融跃助您圆梦！</h6>
          </div>

          <ul class="tabbody clearfix" id="jj_cs">
            <li>
              <div class="imgbox">
                <a
                  href="http://www.rongyuejiaoyu.com/combo/order/combo_detail/coid/1755"
                >
                  <img
                    src="https://video.rycfa.com/image/default/028777E49E5F45ECA94C9580E6780756-6-2.jpg"
                  />
                </a>
              </div>
              <p class="cousename">初级会计2023免费学</p>
              <p class="pricebox">
                <span> <small>￥</small>1.00</span>
              </p>
              <div class="advbox">
                <span>课程优势:</span>
                <p class="clearfix">
                  <span>名师主讲 得分技巧 实战能力</span>
                </p>
              </div>
              <div class="advbox">
                <span style="font-size: 14px; line-height: 22px">
                  课程简介:
                </span>
                <p
                  style="
                    font-size: 14px;
                    line-height: 22px;
                    height: 45px;
                    color: #999;
                    overflow: hidden;
                  "
                >
                  价值2980元的23年初级会计师证书课程，免费领取。迎战初会2024，...
                  <a
                    href="http://www.rongyuejiaoyu.com/combo/order/combo_detail/coid/1755"
                    class="more_detail"
                  >
                    【更多】
                  </a>
                </p>
              </div>
              <div class="btnbox">
                <a
                  href="javascript:void(0);"
                  class="contact_kefu"
                  rel="nofollow"
                >
                  立即咨询
                </a>
                <a
                  href="http://www.rongyuejiaoyu.com/combo/order/combo_detail/coid/1755"
                >
                  查看详情 <strong>〉</strong>
                </a>
              </div>
            </li>
          </ul>
          <a href="/combo/order/combo/cid/14">查看更多课程</a>
        </div>

        <div class="testnews">
          <div class="provide_title">
            <h5>备考资讯</h5>
            <img src="@/assets/images/cjzc/icon_dianlan.png" alt="" />
            <h6>一手掌握行业信息，随时随地了解考试动态</h6>
          </div>

          <div class="newsbox clearfix">
            <div class="leftnews">
              <div class="tabhed clearfix">
                <span
                  :class="{ active: consult_active == 1 }"
                  id="tt1"
                  @click="consult_active = 1"
                >
                  初级职称备考资讯
                </span>
                <span
                  id="tt2"
                  @click="consult_active = 2"
                  :class="{ active: consult_active == 2 }"
                >
                  中级职称备考资讯
                </span>
              </div>

              <div
                class="tabbod_t clearfix"
                id="t1"
                :class="{ hide: consult_active !== 1 }"
              >
                <ul class="tableft">
                  <li
                    id="a1"
                    :class="{ active: t1_active == 1 }"
                    @click="t1_active = 1"
                  >
                    <i></i>
                    <div class="boxname">
                      <h6>热点问题</h6>
                      <p>Hotspot issues</p>
                    </div>
                  </li>
                  <li
                    id="a2"
                    :class="{ active: t1_active == 2 }"
                    @click="t1_active = 2"
                  >
                    <i></i>
                    <div class="boxname">
                      <h6>经验分享</h6>
                      <p>Experience sharing</p>
                    </div>
                  </li>
                  <li
                    id="a3"
                    :class="{ active: t1_active == 3 }"
                    @click="t1_active = 3"
                  >
                    <i></i>
                    <div class="boxname">
                      <h6>考试动态</h6>
                      <p>Occupation development</p>
                    </div>
                  </li>
                  <li
                    id="a4"
                    :class="{ active: t1_active == 4 }"
                    @click="t1_active = 4"
                  >
                    <i></i>
                    <div class="boxname">
                      <h6>热点资讯</h6>
                      <p>Hot news</p>
                    </div>
                  </li>
                </ul>
                <div class="tabright" :class="{ hide: t1_active !== 1 }">
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34855.html"
                    class="listone"
                  >
                    <h4>初级会计考试的流程是什么？</h4>
                    <p>
                      初级会计考试，也称为助理会计师考试，是我国会计行业的入门级考试。通过此考试，意味着你已经掌握了会计的基本知识和技能，具备了从事会计工作的基础能力。
                    </p>
                  </a>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34855.html"
                    class="alist"
                    style="margin-top: 16px"
                    >初级会计考试的流程是什么？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34823.html"
                    class="alist"
                    >初级、中级、高级会计考试报名费是多少？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34819.html"
                    class="alist"
                    >初级、中级、高级会计考试地点</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34798.html"
                    class="alist"
                    >财政部官宣！2024年初级会计考试大纲公布！有增有删有改！</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34017.html"
                    class="alist"
                    >2023年初级会计师考试点有哪些？</a
                  >
                </div>
                <div class="tabright" :class="{ hide: t1_active !== 2 }">
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34822.html"
                    class="listone"
                  >
                    <h4>初级、中级、高级会计考试科目有哪些？</h4>
                    <p>
                      对于想要成为会计人员的人来说，了解会计职称考试的科目是必不可少的。那么，初级、中级、高级会计考试科目有哪些呢？
                    </p>
                  </a>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34822.html"
                    class="alist"
                    style="margin-top: 16px"
                    >初级、中级、高级会计考试科目有哪些？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34172.html"
                    class="alist"
                    >初级会计培训机构哪家好？怎么选？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34018.html"
                    class="alist"
                    >初级会计职称申报条件有哪些？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33960.html"
                    class="alist"
                    >2023年初级会计考试大纲内容</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33902.html"
                    class="alist"
                    >2023年初级会计职称报考流程介绍</a
                  >
                </div>
                <div class="tabright" :class="{ hide: t1_active !== 3 }">
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34818.html"
                    class="listone"
                  >
                    <h4>初级、中级、高级会计考试报名条件要求</h4>
                    <p>
                      对于想要投身于会计领域的人来说，考取相关的会计证书是必不可少的。本文将详细介绍初级、中级和高级会计考试的报名条件要求。
                    </p>
                  </a>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34818.html"
                    class="alist"
                    style="margin-top: 16px"
                    >初级、中级、高级会计考试报名条件要求</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34817.html"
                    class="alist"
                    >2024年初级、中级、高级会计职称考试时间</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34805.html"
                    class="alist"
                    >2024年《经济法基础》科目考试大纲</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34804.html"
                    class="alist"
                    >2024年《初级会计实务》科目考试大纲</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34802.html"
                    class="alist"
                    >2024年初级会计考试大纲已公布</a
                  >
                </div>
                <div class="tabright" :class="{ hide: t1_active !== 4 }">
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34015.html"
                    class="listone"
                  >
                    <h4>初级会计师职称考试教材推荐</h4>
                    <p>
                      初级会计师职称考试是会计行业的入门级考试，对于想要进入会计行业的人来说，这是一个必须要通过的考试。为了帮助广大考生更好地备考
                    </p>
                  </a>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34015.html"
                    class="alist"
                    style="margin-top: 16px"
                    >初级会计师职称考试教材推荐</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33928.html"
                    class="alist"
                    >2023年初级会计师考试科目有哪些？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/19155.html"
                    class="alist"
                    >初级会计资格考生成绩被取消？无法拿证？和融跃小编一起了解详情吧！</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/17952.html"
                    class="alist"
                    >21年初级会计考试及格线有变化吗？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/17352.html"
                    class="alist"
                    >即将截止！2020初级考后审核最新汇总，错过或将无法领证？</a
                  >
                </div>
              </div>

              <div
                class="tabbod_t clearfix"
                id="t2"
                :class="{ hide: consult_active !== 2 }"
              >
                <ul class="tableft">
                  <li
                    id="a1"
                    :class="{ active: t1_active == 1 }"
                    @click="t1_active = 1"
                  >
                    <i></i>
                    <div class="boxname">
                      <h6>热点问题</h6>
                      <p>Hotspot issues</p>
                    </div>
                  </li>
                  <li
                    id="a2"
                    :class="{ active: t1_active == 2 }"
                    @click="t1_active = 2"
                  >
                    <i></i>
                    <div class="boxname">
                      <h6>经验分享</h6>
                      <p>Experience sharing</p>
                    </div>
                  </li>
                  <li
                    id="a3"
                    :class="{ active: t1_active == 3 }"
                    @click="t1_active = 3"
                  >
                    <i></i>
                    <div class="boxname">
                      <h6>考试动态</h6>
                      <p>Occupation development</p>
                    </div>
                  </li>
                  <li
                    id="a4"
                    :class="{ active: t1_active == 4 }"
                    @click="t1_active = 4"
                  >
                    <i></i>
                    <div class="boxname">
                      <h6>热点资讯</h6>
                      <p>Hot news</p>
                    </div>
                  </li>
                </ul>
                <div class="tabright jj_wt" :class="{ hide: t1_active !== 1 }">
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34029.html"
                    class="listone"
                  >
                    <h4>中级会计职称申报条件有哪些？</h4>
                    <p>
                      中级会计师职称评定是会计行业的重要组成部分，它是评价会计人员专业能力和职业水平的重要标准。下面就让我们来看看中级会计职称评定的条件。
                    </p>
                  </a>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34029.html"
                    class="alist"
                    style="margin-top: 16px"
                    >中级会计职称申报条件有哪些？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33968.html"
                    class="alist"
                    >2023年中级会计考试大纲内容</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33936.html"
                    class="alist"
                    >2023年中级会计职称考试报名费用是多少？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33887.html"
                    class="alist"
                    >2023年中级会计职称考试报名条件和要求</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/15291.html"
                    class="alist"
                    >为确保上海市2020年度全国会计资格考试安全顺利进行，积极克服困难，狠抓疫情防控！</a
                  >
                </div>
                <div class="tabright jj_fx" :class="{ hide: t1_active !== 2 }">
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34174.html"
                    class="listone"
                  >
                    <h4>中级会计培训机构哪家好？怎么选？</h4>
                    <p>
                      中级会计培训机构哪家好？这是一个很常见的问题，但对于不同的人来说，答案可能因为个人需求和标准的不同而有所不同。在选择中级会计培训机构时，我们应该考虑以下几个方面。
                    </p>
                  </a>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34174.html"
                    class="alist"
                    style="margin-top: 16px"
                    >中级会计培训机构哪家好？怎么选？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34021.html"
                    class="alist"
                    >2023年中级会计职称考试教材有哪些？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33903.html"
                    class="alist"
                    >2023年中级会计师报考流程是什么？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/17170.html"
                    class="alist"
                    >庭前八月秋果熟——会计职业成长与会计资格考试感悟</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/11585.html"
                    class="alist"
                    >中级会计职称报名入口</a
                  >
                </div>
                <div class="tabright jj_fz" :class="{ hide: t1_active !== 3 }">
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34665.html"
                    class="listone"
                  >
                    <h4>2024年全国中级会计职称考试时间安排</h4>
                    <p>
                      经财政部、人力资源社会保障部研究决定，2024年度全国会计专业技术资格（以下简称会计资格）考试采用无纸化方式，分别于2024年5月（初级、高级）、9月（中级）举行。
                    </p>
                  </a>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34665.html"
                    class="alist"
                    style="margin-top: 16px"
                    >2024年全国中级会计职称考试时间安排</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33967.html"
                    class="alist"
                    >2023年中级会计考试流程是什么？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33889.html"
                    class="alist"
                    >2023年中级会计职称报名时间和考试时间</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/20781.html"
                    class="alist"
                    >中级会计报名条件有哪些要求呢？融跃小编带您解锁</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/20406.html"
                    class="alist"
                    >2021年中级会计考试报名条件有变动吗？工作年限如何证明满足条件呢？</a
                  >
                </div>
                <div class="tabright jj_zx" :class="{ hide: t1_active !== 4 }">
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34022.html"
                    class="listone"
                  >
                    <h4>2023年中级会计职称考试地点有哪些？</h4>
                    <p>
                      中级会计职称考试是国内会计领域的重要考试之一，中级会计考试不仅是评估考生专业知识和实际操作能力的重要标准，同时也是展示考生综合素质和职业发展潜力的重要平台。
                    </p>
                  </a>
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/34022.html"
                    class="alist"
                    style="margin-top: 16px"
                    >2023年中级会计职称考试地点有哪些？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/33934.html"
                    class="alist"
                    >2023年中级会计职称考试科目有哪些？</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/20784.html"
                    class="alist"
                    >小跃君：中级会计报名方式及流程，会计人必知！</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/17182.html"
                    class="alist"
                    >融跃中级嗨学狂欢季,决战11·11，抄底秒杀！！！</a
                  >
                  <a
                    href="http://www.rongyuejiaoyu.com/cjzj/article/16019.html"
                    class="alist"
                    >我命由我不由天——我的会计情缘</a
                  >
                </div>
              </div>
            </div>
            <div class="rightnews">
              <div class="tibox">
                <h5>初级职称考试题库</h5>
                <ul>
                  <li>
                    <img src="@/assets/images/cjzc/jj_monichang.png" />
                    <div class="namediv">
                      <h6>模拟考场</h6>
                      <p>海量免费模拟试题测试</p>
                    </div>
                    <a href="/questionbank"> 开始练习</a>
                  </li>
                  <li>
                    <img src="@/assets/images/cjzc/jj_zhenti.png" />
                    <div class="namediv">
                      <h6>历年真题</h6>
                      <p>海量免费模拟试题测试</p>
                    </div>
                    <a href="/questionbank"> 开始练习</a>
                  </li>
                </ul>
              </div>
              <div class="tibox">
                <h5>中级职称考试题库</h5>
                <ul>
                  <li>
                    <img src="@/assets/images/cjzc/jj_monichang.png" />
                    <div class="namediv">
                      <h6>模拟考场</h6>
                      <p>海量免费模拟试题测试</p>
                    </div>
                    <a href="/questionbank"> 开始练习</a>
                  </li>
                  <li>
                    <img src="@/assets/images/cjzc/jj_zhenti.png" />
                    <div class="namediv">
                      <h6>历年真题</h6>
                      <p>海量免费模拟试题测试</p>
                    </div>
                    <a href="/questionbank"> 开始练习</a>
                  </li>
                </ul>
              </div>
              <div class="databox">
                <a
                  href="javascript:void(0);"
                  class="contact_kefu"
                  rel="nofollow"
                >
                  <div>
                    <i></i>
                    <p>备考资料领取</p>
                  </div>
                </a>
                <a
                  href="javascript:void(0);"
                  class="contact_kefu"
                  rel="nofollow"
                >
                  <div>
                    <i></i>
                    <p>初级&中级证书咨询</p>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 教学服务 -->
      <div class="teach_service">
        <div class="provide_title">
          <h5>培训中心</h5>
          <img src="@/assets/images/cjzc/icon_dianlan.png" alt="" />
          <h6>360°管家服务&nbsp;&nbsp;&nbsp;贴心伴学暖人一步</h6>
        </div>

        <div class="heart_w">
          <ul>
            <li>
              <img
                src="@/assets/images/cjzc/icon_mvp01.png"
                alt="VIP式家教服务"
              />
              <p class="mvp_title">VIP式家教服务</p>
              <p class="sp1">学习指导/政策分析</p>
              <p class="sp2">考试节点提醒/学习计划制定</p>
              <p class="sp3">全方位专属服务</p>
              <a href="javascript:void(0);" class="contact_kefu" rel="nofollow">
                预约导师定制计划
              </a>
            </li>
            <li>
              <img
                src="@/assets/images/cjzc/icon_mvp02.png"
                alt="24H答疑服务"
              />
              <p class="mvp_title">24H答疑服务</p>
              <p class="sp1">专职教研团队</p>
              <p class="sp2">智能大数据答疑平台</p>
              <p class="sp3">随时随地为您答疑解惑</p>
              <a href="http://www.rongyuejiaoyu.com/question" target="_blank"
                >有疑问点这里</a
              >
            </li>
            <li>
              <img
                src="@/assets/images/cjzc/icon_mvp03.png"
                alt="专属社群管理"
              />
              <p class="mvp_title">专属社群管理</p>
              <p class="sp1">行业精英高质量人脉</p>
              <p class="sp2">组队学习，打造最佳互助式学习服务</p>
              <p class="sp3">财会行业交流社群</p>
              <a href="javascript:void(0);" class="contact_kefu" rel="nofollow"
                >立即申请加入</a
              >
            </li>
            <li>
              <img
                src="@/assets/images/cjzc/icon_mvp04.png"
                alt="一站式教学体系"
              />
              <p class="mvp_title">一站式教学体系</p>
              <p class="sp1">日历式教学任务</p>
              <p class="sp2">阶段测评/学习评估/课后辅导</p>
              <p class="sp3">大数据控制教学质量</p>
              <a
                href="https://www.rongyuejiaoyu.com/index/user/new_page#/questionbank"
                target="_blank"
                >点击立即了解</a
              >
            </li>
            <li>
              <img
                src="@/assets/images/cjzc/icon_mvp05.png"
                alt="智能终端学习平台"
              />
              <p class="mvp_title">智能终端学习平台</p>
              <p class="sp1">海量题库/高清视频</p>
              <p class="sp2">多终端智能学习平台</p>
              <p class="sp3">让你随时随地学习课程</p>
              <a
                href="https://www.rongyuejiaoyu.com/index/index/app"
                target="_blank"
                >立即试学从业课程</a
              >
            </li>
            <li>
              <img
                src="@/assets/images/cjzc/icon_bookcma.png"
                alt="全面的教辅资料"
              />
              <p class="mvp_title">全面的教辅资料</p>
              <p class="sp1">专业考试研究院精编讲义</p>
              <p class="sp2">真题集模拟考卷</p>
              <p class="sp3">必备金融词典</p>
              <a
                href="https://www.rongyuejiaoyu.com/combo/order/combo/cid/23"
                target="_blank"
                >立即领取备考资料</a
              >
            </li>
          </ul>
        </div>
      </div>

      <!-- 不选贵的，只选对的 -->
      <div class="choose_yes">
        <div class="heart_w">
          <div class="provide_title">
            <h5>学财会不选贵的，只选对的</h5>
            <img src="@/assets/images/cjzc/icon_whitedian.png" alt="" />
            <h6>融跃认真教育，实力打造品质财会在线学习平台</h6>
          </div>
          <div class="study">
            <div class="study_left">
              <p class="study_title">获取备考资料</p>
              <div class="labelinput">
                <label for="">
                  <img src="@/assets/images/cjzc/icon_study01.png" alt="Name" />
                </label>
                <input type="text" placeholder="姓名/name" class="names" />
              </div>
              <div class="labelinput">
                <label for="">
                  <img
                    src="@/assets/images/cjzc/icon_study02.png"
                    alt="Phone"
                    style="margin-left: 18px"
                  />
                </label>
                <input
                  type="text"
                  placeholder="请输入电话"
                  class="tel"
                  style="margin-left: 28px"
                />
              </div>
              <div class="labelinput">
                <label for="">
                  <img
                    src="@/assets/images/cjzc/icon_study03.png"
                    alt="E-mail"
                  />
                </label>
                <input
                  type="text"
                  placeholder="邮箱（发送学习资料）"
                  class="email"
                />
              </div>
              <div class="labelinput">
                <label for="">
                  <img
                    src="@/assets/images/cjzc/icon_study04.png"
                    alt="Data"
                    style="margin-left: 18px"
                  />
                </label>
                <p class="zhengshu" @click="toggleList">
                  <span>{{ selectedLesson }}</span>
                  <img
                    src="@/assets/images/cjzc/icon_sj.png"
                    alt=""
                    :style="{
                      transform: showList ? 'rotate(360deg)' : 'rotate(0deg)',
                      transition: '0.5s all ease'
                    }"
                  />
                </p>
                <transition name="fade">
                  <ul class="lesson_subject" v-show="showList">
                    <li
                      :class="{
                        provide_lesson: '初级职称相关资料' == selectedLesson
                      }"
                      @click="selectLesson('初级职称相关资料')"
                    >
                      初级职称相关资料
                    </li>
                    <li
                      :class="{
                        provide_lesson: '中级职称相关资料' == selectedLesson
                      }"
                      @click="selectLesson('中级职称相关资料')"
                    >
                      中级职称相关资料
                    </li>
                  </ul>
                </transition>
              </div>
              <p href="javascirpt:void(0);" class="receive" rel="nofollow">
                立即领取初/中级职称备考资料
              </p>
            </div>
            <div class="study_right">
              <p>
                加入一元听课计划<br />试听初级/中级课程<br />与9000+学员共同成长
              </p>
              <a href="javascript:void(0);" class="contact_kefu" rel="nofollow">
                立即申请一元试学
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import tagcloud from '@/utils/tagcloud.js'
Vue.use(tagcloud)
export default {
  name: 'primaryPost',
  data() {
    return {
      imageData: [
        {
          title: '123123img',
          imgUrl: require('@/assets/images/swiper_t.jpg')
        },
        {
          title: '123123img',
          imgUrl: require('@/assets/images/img_s.jpg')
        },
        {
          title: '123image',
          imgUrl: require('@/assets/images/CPA.jpg')
        },
        {
          title: '123image',
          imgUrl: require('@/assets/images/cfaSwipet.jpg')
        }
      ],
      active_hide: 1,
      showList: false,
      selectedLesson: '你想报考哪一门证书？',
      consult_active: 1,
      t1_active: 1
    }
  },
  created() {},
  mounted() {
    this.init_t()
    window.tagcloud({
      selector: '.tagcloud', //元素选择器
      fontsize: 16, //基本字体大小, 单位px
      radius: 90, //滚动半径, 单位px
      mspeed: 'normal', //滚动最大速度, 取值: slow, normal(默认), fast
      ispeed: 'normal', //滚动初速度, 取值: slow, normal(默认), fast
      direction: 90, //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
      keep: false //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
    })

    // 不选贵的，只选对的
    /*  let isTrue = true
    $('.zhengshu').click(function () {
      if (isTrue) {
        $(this).parent().find('ul').show(300)
        $(this).find('img').css({
          transform: 'rotate(360deg)',
          transition: '.5s all ease'
        })
        isTrue = !isTrue
      } else {
        $(this).parent().find('ul').hide(300)
        $(this).find('img').css({
          transform: 'rotate(0deg)',
          transition: '.5s all ease'
        })
        isTrue = !isTrue
      }
    })
    $('.lesson_subject li').click(function () {
      $(this)
        .addClass('provide_lesson')
        .siblings()
        .removeClass('provide_lesson')
      $('.zhengshu')
        .find('span')
        .text($(this).parent().find('li.provide_lesson').html())
      $('.zhengshu').find('img').css({
        transform: 'rotate(0deg)',
        transition: '.5s all ease'
      })
      $(this).parent().hide()
      isTrue = !isTrue
    }) */
  },
  methods: {
    toggleList() {
      this.showList = !this.showList
    },
    selectLesson(lesson) {
      this.selectedLesson = lesson
      this.showList = false
    },
    init_t() {
      const mySwiper_t = new this.$swiper('.banner .swiper-container', {
        direction: 'horizontal', // 水平切换选项
        loop: true, // 循环模式选项
        autoplay: true, //自动切换
        effect: 'slide', // 切换效果
        pagination: {
          el: '.banner .swiper-pagination',
          clickable: true
        },
        // 如果需要前进后退按钮
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev'
        }
      })
      // 鼠标移入停止自动播放
      mySwiper_t.el.onmouseover = function () {
        mySwiper_t.autoplay.stop()
      }
      mySwiper_t.el.onmouseout = function () {
        mySwiper_t.autoplay.start()
      }
    }
  }
}
</script>

<style lang="scss">
body,
html,
#app {
  background-color: #fff;
}
</style>
<style scoped lang="scss">
@import '@/assets/styles/primaryPost.scss';

.fade-enter-active {
  transition: opacity 0.5s ease;
}

.fade-leave-active {
  transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
}

.fade-enter-from,
.fade-leave-to {
  transform: translateX(50px);
  opacity: 0;
}
</style>
